<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <!-- 标题栏 -->
        <header class="bar bar-nav">
            <h1 class="title">工作汇报区</h1>
            <a class="icon icon-me pull-right open-panel" href="#" data-panel='#panel-left-demo'></a>
        </header>
        <!-- 这里是页面内容区 -->
        <div class="content">
            <!--<div class="content-block">这里是content</div>-->
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back" href="{:url('/report')}">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class='title'>新建</h1>
            </header>
            <div class="content">
                <!--<div class="content-block">-->
                    <!--这是ajax 加载的新页面，点击左上角的 <a href="#" class='back'>返回</a> 按钮返回上一页。-->
                <!--</div>-->
                <div class="list-block">
                    <ul>
                        <!-- Text inputs -->
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">姓名</div>
                                    <div class="item-input">
                                        <input type="text" disabled placeholder="Your name" value="{$data.realname}">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">职务</div>
                                    <div class="item-input">
                                        <input type="text" disabled placeholder="Your name" value="{$data.department_info.department}">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">部门</div>
                                    <div class="item-input">
                                        <input type="text" disabled placeholder="Your name" value="{$data.duty_info.duty}">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- Date -->
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-calendar"></i></div>
                                <div class="item-inner">
                                    <div class="item-title label">时间</div>
                                    <div class="item-input">
                                        <input type="date" disabled placeholder="Birth day" value="{$data.new_create_time}">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- Switch (Checkbox) -->

                        <li class="align-top">
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-comment"></i></div>
                                <textarea class="comment" name="comment" placeholder="描述信息..." autofocus wrap="hard"  rows="10" cols="50" style="height: 10rem"></textarea>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="content-block">
                    <div class="row">
                        <!--<input type="hidden" name="user_id" value="">-->
                        <!--<input type="hidden" name="department_id" value="">-->
                        <!--<input type="hidden" name="duty_id" value="">-->
                        <!--<input type="hidden" name="duty_id" value="">-->
                        <div class="col-50"><a href="#" class="button button-big button-fill button-danger back">返回</a></div>
                        <div class="col-50"><a href="#" class="button button-big button-fill button-success create-report">提交</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 其他的单个page内联页（如果有） -->
    <!--<div class="page">...</div>-->
</div>


